<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>菜单数据</title>
    <link href="css/css5.css" rel="stylesheet">


    <style type="text/css">
        .pagination {
            margin: 20px 0;
        }

        .pagination ul {
            display: inline-block;
            *display: inline;
            margin-bottom: 0;
            margin-left: 158px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            *zoom: 1;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .pagination ul > li {
            display: inline;
        }

        .pagination ul > li > a,
        .pagination ul > li > span {
            float: left;
            padding: 4px 12px;
            line-height: 20px;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-left-width: 0;
        }

        .pagination ul > li > a:hover,
        .pagination ul > li > a:focus,
        .pagination ul > .active > a,
        .pagination ul > .active > span {
            background-color: #f5f5f5;
        }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            color: #999999;
            cursor: default;
        }

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover,
        .pagination ul > .disabled > a:focus {
            color: #999999;
            cursor: default;
            background-color: transparent;
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
        }

        .pagination-centered {
            text-align: center;
        }
    	
    </style>
</head>
<body>

<%@ include file="header.jsp" %>
<div class="height">

<table border="1" border="1" cellpadding="0" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>菜品</th>
        <th>厨师</th>
        <th>价格</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach  items="${list}" var="l">
        <tr >
            <td>${l.name}</td>
            <td>${l.chef}</td>
            <td>${l.price}</td>  
        </tr>
    </c:forEach>
    </tbody>
</table>
    <div class="pagination pagination-centered">
        <ul>
            ${pageCode}
        </ul>
    </div>
<div class="position">
    <h2 style="text-align: center;color: red">控制中心</h2>
    <table border="8px">
        <tr>      
    <form action="CurdServlet" method="post">
        <td><label>查询的菜品</label><td/>
        <td><input type="text" name="search" value=""></td>
        <td><input type="submit" value="查询"></td>
        <td><a href="CurdServlet">返回</a><br></td>
    </form>
        </tr>

        <tr>
    <form action="CurdServlet" method="post">
        <td><h5>添加数据</h5><td>
        <label>菜品</label>
        <td><input type="text" name="add_name" value=""></td>
        <td><label>厨师</label></td>
        <td> <input type="text" name="add_chef" value=""></td>
        <td><label>价格</label></td>
        <td><input type="text" name="add_price" value=""></td>
        <td><input type="submit" value="添加"></td>
    </form>
        </tr>

        <tr>
            <td><h5>修改数据</h5><td/>
    <form action="CurdServlet" method="post">
        <label>菜品</label>
        <td ><input type="text" name="xiugai_name" value=""></td>
        <td><label>厨师</label></td>
        <td><input type="text" name="xiugai_chef" value=""></td>
        <td><label>价格</label></td>
        <td> <input type="text" name="xiugai_price" value=""></td>
        <td><input type="submit" value="修改"></td>
    </form>
        </tr>

        <tr>
            <td><h5>删除数据</h5><td/>
    <form action="CurdServlet" method="post">
         <label>删除数据菜品</label>
        <td> <input type="text" name="sq_name" value=""></td>
        <td><input type="submit" value="删除"></td>
    </form>
        <tr/>
    </table>
</div>

<br/>
</div>
<%@ include file="footer.jsp" %>



</body>
</html>
